import React, { Component, Fragment } from 'react'

export default class FragmentComponent extends Component {
    render() {
        return (
            <div>
                <button className='returnButton'><a href="/">点击返回主菜单</a></button>
                <h1>Fragment</h1>
                <Fragment key={1}>
                    <p>Fragment  1</p>
                </Fragment>
                <>
                    <p>Fragment  2</p>
                </>
                <p>
                    Fragment标签效果和空标签差不多,都可以隐藏标签,也就是不需要包裹div标签进行显示。
                    但是有一点不同:Fragment标签能仅能添加key,而空标签啥属性都不能加,这个key可以作为唯一标识符。
                </p>
            </div>
        )
    }
}
